<template>
    <div>
        <h1>这是hello组件</h1>
        <button @click="helloNum++">点击helloNum+1</button>
        <h1>{{ helloNum }}</h1>
    </div>
</template>

<script>
export default {
    name: "Hello",
    data() {
        return {
            helloNum: 1,
        };
    },
    beforeCreate() {
        console.log("*****beforeCreate");
    },
    created() {
        console.log("*****created");
    },
    beforeMount() {
        console.log("*****beforeMount");
    },
    mounted() {
        console.log("*****mounted");
    },
    beforeUpdate() {
        console.log("*****beforeUpdate");
    },
    updated() {
        console.log("*****updated");
    },
    beforeDestroy() {
        console.log("*****beforeDestroy");
    },
    destroyed() {
        console.log("*****destroyed");
    },
};
</script>

<style></style>
